<template>
	<view>
		<gui-a-header title="系统设置"></gui-a-header>
		<view class="warp">
			<!-- <view class="row gui-flex gui-space-between f28 c333" @click="$u.to(`/pages/mine/forgotPwd`)">
				<view class="label">
					账号密码
				</view>
				<view class="val">
					修改密码<text class="gui-icons">&#xe601;</text>
				</view>
			</view> -->
			<!-- $u.to(`/pages/mine/agreement`) -->
			<view class="row gui-flex gui-space-between f28 c333" @click="goRule">
				<view class="label">
					用户协议
				</view>
				<view class="val link">
					查看
				</view>
			</view>
			<!-- <view class="row gui-flex gui-space-between f28 c333">
				<view class="label">
					版本更新
				</view>
				<view class="val">
					V2.9
				</view>
			</view> -->
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive,
		inject
	} from 'vue'
	const $u = reactive(inject('$u'))

	const goRule = (e) => {
		wx.openPrivacyContract({
			success: res => {
				console.log('隐式协议成功')
			},
			fail: res => {
				console.error('隐式协议失败', res)
			}
		})
	}
</script>

<style>
	.warp {
		padding: 20rpx 43rpx;
	}

	.row {
		padding: 25rpx 0;
		border-bottom: 1rpx solid #EBEBEB;
	}

	.link {
		color: #4072FE;
	}
</style>